<form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
    <div id="courseDetail" v-clock>
        <div class="col-md-12">
            <div class="panel panel-default">
                <div class="panel-heading">基础信息</div>
                <div class="panel-body">
                    <div class="row mt-15">
                        <label class="control-label col-xs-12 col-sm-2">{:__('Image')}:</label>
                        <div class="col-xs-12 col-sm-6">
                            <div class="input-group">
                                <input id="c-image" class="form-control" size="50" name="row[image]" type="text">
                                <div class="input-group-addon no-border no-padding">
                                    <span><button type="button" id="faupload-image" class="btn btn-danger faupload" data-input-id="c-image" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp,image/webp" data-multiple="false" data-preview-id="p-image"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                                    <span><button type="button" id="fachoose-image" class="btn btn-primary fachoose" data-input-id="c-image" data-mimetype="image/*" data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                                </div>
                                <span class="msg-box n-right" for="c-image"></span>
                            </div>
                            <ul class="row list-inline faupload-preview" id="p-image"></ul>
                        </div>
                        <label class="control-label col-xs-12 col-sm-2">尺寸：750px * 500px</label>
                    </div>
                    <div class="row mt-15">
                        <label class="control-label col-xs-12 col-sm-2">{:__('Images')}:</label>
                        <div class="col-xs-12 col-sm-8">
                            <div class="input-group">
                                <input id="c-images" class="form-control" size="50" name="row[images]" type="text" value="">
                                <div class="input-group-addon no-border no-padding">
                                    <span><button type="button" id="faupload-images" class="btn btn-danger faupload" data-input-id="c-images" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp,image/webp" data-multiple="true" data-preview-id="p-images"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                                    <span><button type="button" id="fachoose-images" class="btn btn-primary fachoose" data-input-id="c-images" data-mimetype="image/*" data-multiple="true"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                                </div>
                                <span class="msg-box n-right" for="c-images"></span>
                            </div>
                            <ul class="row list-inline faupload-preview" id="p-images"></ul>
                        </div>
                    </div>
                    <div class="row mt-15">
                        <label class="control-label col-xs-12 col-sm-2">课程{:__('Name')}:</label>
                        <div class="col-xs-12 col-sm-3">
                            <input id="c-name" data-rule="required" class="form-control" name="row[name]" type="text">
                        </div>
                    </div>
                    <div class="row mt-15">
                        <label class="control-label col-xs-12 col-sm-2">课程{:__('Description')}:</label>
                        <div class="col-xs-12 col-sm-8">
                            <textarea id="c-description" class="form-control" rows="2" name="row[description]" cols="50"></textarea>
                        </div>
                    </div>
                    <div class="row mt-15">
                        <label class="control-label col-xs-12 col-sm-2">课程{:__('Difficulty')}(星数):</label>
                        <div class="col-xs-12 col-sm-3">
                            <input id="c-difficulty" data-rule="required" class="form-control" name="row[difficulty]" type="number" value="3">
                        </div>
                    </div>
                    <div class="row mt-15">
                        <label class="control-label col-xs-12 col-sm-2">{:__('Max_apply')}:</label>
                        <div class="col-xs-12 col-sm-3">
                            <input id="c-max_apply" data-rule="required" class="form-control" name="row[max_apply]" type="number" value="1000">
                        </div>
                    </div>
                    <div class="row mt-15">
                        <label class="control-label col-xs-12 col-sm-2">课程{:__('Tags')}:</label>
                        <div class="col-xs-12 col-sm-3">
                            <input id="c-tags" data-rule="required" class="form-control" data-role='tagsinput' name="row[tags]" type="text" value="">
                            <span class="label label-warning">输入回车键输入多个标签</span>
                        </div>
                    </div>
                    <div class="row mt-15">
                        <label class="control-label col-xs-12 col-sm-2">单节售价:</label>
                        <div class="col-xs-12 col-sm-3">
                            <input id="c-price" class="form-control" step="0.01" name="row[price]" type="number" >
                        </div>
                        <label class="control-label col-xs-12 col-sm-2">{:__('画线价格')}:</label>
                        <div class="col-xs-12 col-sm-3">
                            <input id="c-line_price" class="form-control" step="0.01" name="row[line_price]" type="number">
                        </div>
                    </div>
                
                    <div class="row mt-15">
                        <label class="control-label col-xs-12 col-sm-2">单节{:__('Duration')}:</label>
                        <div class="col-xs-12 col-sm-3">
                            <input id="c-duration" class="form-control" name="row[duration]" type="number" >
                        </div>
                    </div>
                    <div class="row mt-15">
                        <label class="control-label col-xs-12 col-sm-2">{:__('Start_sale')}:</label>
                        <div class="col-xs-12 col-sm-3">
                            <input id="c-start_sale" class="form-control" name="row[start_sale]" type="number">
                        </div>
                        <label class="control-label col-xs-12 col-sm-2">{:__('显示销量')}:</label>
                        <div class="col-xs-12 col-sm-3">
                            <input id="c-show_sales" class="form-control" name="row[show_sales]" type="number">
                        </div>
                    </div>

                    <div class="row mt-15">
                        <label class="control-label col-xs-12 col-sm-2">显示权重:</label>
                        <div class="col-xs-12 col-sm-3">
                            <input id="c-weigh" class="form-control" name="row[weigh]" type="number">
                        </div>
                        <label class="control-label col-xs-12 col-sm-2">课程{:__('Status')}:</label>
                        <div class="col-xs-12 col-sm-3">
                            
                            <div class="radio">
                            {foreach name="statusList" item="vo"}
                            <label for="row[status]-{$key}"><input id="row[status]-{$key}" name="row[status]" type="radio" value="{$key}" {in name="key" value="normal"}checked{/in} /> {$vo}</label> 
                            {/foreach}
                            </div>
                
                        </div>
                    </div>
                    <div class="row mt-15">
                        <label class="control-label col-xs-12 col-sm-2">{:__('Is_hot')}:</label>
                        <div class="col-xs-12 col-sm-3" style="padding-top: 5px;">
                            <input  id="c-is_hot" name="row[is_hot]" type="hidden" value="1">
                            <a href="javascript:;" data-toggle="switcher" class="btn-switcher" data-input-id="c-is_hot" data-yes="1" data-no="0" >
                                <i class="fa fa-toggle-on text-success  fa-2x"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="col-md-12">
            <div class="panel panel-default">
                <div class="panel-heading">课程详情</div>
                <div class="panel-body">
                    <div class="row mt-15">
                        <label class="control-label col-xs-12 col-sm-2">{:__('Intro')}:</label>
                        <div class="col-xs-12 col-sm-8">
                            <textarea id="c-intro" class="form-control editor" rows="5" name="row[intro]" cols="50"></textarea>
                        </div>
                    </div>
                    <div class="row mt-15">
                        <label class="control-label col-xs-12 col-sm-2">{:__('Rule')}:</label>
                        <div class="col-xs-12 col-sm-8">
                            <textarea id="c-rule" class="form-control editor" rows="5" name="row[rule]" cols="50"></textarea>
                        </div>
                    </div>
                    <div class="row mt-15">
                        <label class="control-label col-xs-12 col-sm-2">{:__('Note')}:</label>
                        <div class="col-xs-12 col-sm-8">
                            <textarea id="c-note" class="form-control editor" rows="5" name="row[note]" cols="50"></textarea>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row mt-15 layer-footer">
        <label class="control-label col-xs-12 col-sm-2"></label>
        <div class="col-xs-12 col-sm-8">
            <button type="submit" class="btn btn-primary btn-embossed disabled">{:__('OK')}</button>
            <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
        </div>
    </div>
   
</form>

<style>
    [v-clock] {display: none;}
    .mt-15{margin-top: 15px;}
    .table-box{border: solid 1px #ddd;width: 100%;}
    .table-box th{font-weight: bold;}
    .table-box td{padding: 10px 20px;border-top:  solid 1px #ddd;border-right:  solid 1px #ddd;}
</style>